<template>
	<div id="home">
		<!-- 主体部分 -->
		<div class="inner">
			<!-- 大轮播 -->
			<div class="carousel">
				<el-carousel indicator-position="outside">
					<el-carousel-item v-for="(item, index) in carousellist" :key="index">
						<img src="../../assets/image/banner.png" alt="" />
					</el-carousel-item>
				</el-carousel>
			</div>
			<!-- 推荐 -->
			<homeinformation></homeinformation>
			<!-- 辅导培训 -->
			<counselingtraining></counselingtraining>
			<!-- 文化活动 -->
			<cultureactivity></cultureactivity>
			<!-- 璀璨空间 -->
			<bright></bright>
			<!-- 非遗文化 -->
			<intangibleculturalheritages></intangibleculturalheritages>
			<!-- 页脚 -->
			<footers></footers>
		</div>
	</div>
</template>

<script>
	import homeinformation from './Homeinformation.vue'
	import counselingtraining from './Counselingtraining.vue'
	import cultureactivity from './Cultureactivity.vue'
	import bright from './Bright.vue'
	import intangibleculturalheritages from './Intangibleculturalheritages.vue'
	import footers from './Footers.vue'
	// import swipe from './swipe.vue';
	export default {
		name: "home",
		components: {
			homeinformation,
			counselingtraining,
			cultureactivity,
			bright,
			intangibleculturalheritages,
			footers
		},
		data() {
			return {
				//导航刷新位置
				carousellist: ["../assets/image/banner.png", "", ""],
			};
		},
		props: {
			titlelists: {
				type: Array,
			},
		},
		methods: {
			//导航菜单
			handleSelect(key, keyPath) {
				console.log(key, keyPath);
			},
			
		}

	};
</script>

<style scoped lang="less">
	.iconfont {
		font-family: "iconfont" !important;
		font-size: 16px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	#home {
		width: 100%;
		height: 100%;

	
		.inner {
			position: relative;
			// top: 92px;
			width: 100%;
			// height: 2000px;
			.carousel {
				width: 100%;
				height: 855px;
				.el-carousel {
					width: 100%;
					height: 100%;
					img {
						width: 100%;
						height: 100%;
					}
				}
			}
		}
		
	}
</style>
